@charset "utf-8";
/* CSS Document */

/* ===================================================================

	客户支持

=================================================================== */
/****************************** COMMON ******************************/

/****************************** 3 客户支持 ******************************/
.support #contents .h1Area {
    background: url(../../support/images/bg_h1.jpg) no-repeat center;
    background-size: cover;
}


/****************************** 3-2 纯正配件 ******************************/
.support #contents .linkList.col4 {
	margin-bottom: 40px;
}
.support #contents .linkList.col4:last-child {
	margin-bottom: 0px;
}
.support #contents .linkList.col4 li {
	width: auto;
	margin-right: 40px;
}

/* ----- 3-2-1 纯正油基础知识 ----- */
.support #contents .responsive_table table td ul li {
	padding-left:1em;
	margin-bottom: 5px;
	line-height: 1.5;
	position: relative;
}
.support #contents .responsive_table table td ul li::before {
	content: "-";
	position: absolute;
	left: 3px;
}

/* ----- 3-2-2 柴油滤芯 ----- */
.support #contents .parts1_2 .width600Wrap ul{}

/* ----- 3-2-4 新机型-滤芯、机油 ----- */
.support #contents .parts1_4 .width600Wrap .floatLeft{
	width: 370px;
}

/* ----- 3-2-5 纯正配件图片 ----- */
.support #contents .parts1_5 ul#galleryWrap{}
.support #contents .parts1_5 ul#galleryWrap li{
	width: 140px;
	float: left;
	margin: 0 35px 20px 0;
	text-align: center;
	font-size: 90%;
}
.support #contents .parts1_5 ul#galleryWrap li:nth-child(5n){margin: 0 0 20px 0;}
.support #contents .parts1_5 ul#galleryWrap li:last-child{margin: 0;}
.support #contents .parts1_5 ul#galleryWrap li img{
	margin-bottom: 5px;
	opacity: 1.0;
	transition: opacity .1s linear;
}
.support #contents .parts1_5 ul#galleryWrap li img:hover{
	opacity: 0.8;
}

/* ----- 3-2-7 链节 ----- */
.support #contents .parts2_2 .oldsiteWrap {}
.support #contents .parts2_2 .oldsiteWrap .floatLeft{
	margin: 0 0 10px 0;
}
.support #contents .parts2_2 .oldsiteWrap p:first-child{
	text-align: center;
	color: #00a7ac;
	padding: 3px 0;
	background-color: #f3f3f3;
}
.support #contents .parts2_2 .oldsiteWrap ul{
	padding: 10px 0;
}

/* ----- 3-2-8 销子 ----- */
.support #contents .parts2_3 .oldsiteWrap .floatLeft,
.support #contents .parts2_3 .oldsiteWrap .floatRight{margin: 0 0 10px 0;}
.support #contents .parts2_3 .danmenWrap .floatLeft{margin-right: 20px;}
.support #contents .parts2_3 .danmenWrap ul.floatLeft{padding-top: 20px;}

/* ----- 3-2-9 新回油滤芯 ----- */



/****************************** 3-3 维修纯正部品 ******************************/
.support #contents .repair dl dt{
	font-weight: 500;
	font-size: 110%;
	color: #00a7ac;
}
.support #contents .repair dl dd{
	margin-bottom: 25px;
}
.support #contents .repair ul li{
	text-align: center;
	width: 180px;
	float: left;
	margin: 0 40px 20px 0;
}
.support #contents .repair ul li:nth-child(4n){
	margin: 0 0 20px 0;
}

/****************************** 3-4 再生部品 ******************************/
.support #contents .recycle .recycle_merit{}
.support #contents .recycle .recycle_merit ul li{
	font-weight: 500;
	font-size: 110%;
	color: #00a7ac;
	margin-bottom: 25px;
}
.support #contents .recycle .recycle_merit ul li:last-child{margin-bottom: 0px;}
.support #contents .recycle .recycle_type{
	width: 640px;
	margin: 0 auto 10px;
}
.support #contents .recycle .recycle_type p{margin: 0 20px 0 0;}
.support #contents .recycle .recycle_type p:last-child{margin: 0;}
.support #contents .recycle dl dt{
	display: inline-block;
	width: 3em;
}
.support #contents .recycle dl dd{
	display: inline-block;
}

/****************************** 3-5 保养信息 ******************************/
.support #contents .information {}
.support #contents .information .categorySection,
.support #contents .information .categorySection .sectionInner,
.support #contents .information .categorySection .sectionInner .link4Block{
	width: 100%;
	min-width: 100%;
}
.support #contents .information .categorySection{background-color: #fff;}
.support #contents .information .categorySection .sectionInner{padding: 0 0 20px;}
.support #contents .information .categorySection .sectionInner .link4Block .linkBox{
	width: 280px;
	margin: 0 20px 20px 0;
}
.support #contents .information .categorySection .sectionInner .link4Block .linkBox:first-child{margin: 0 20px  20px 0;}
.support #contents .information .categorySection .sectionInner .link4Block .linkBox:nth-child(3n){margin: 0 0  20px 0}


/* ----- 3-5-1 纯正油基础知识 ----- */
.support #contents .information .oldsiteWrap {text-align: center;}
.support #contents .information .oldsiteWrap p {margin-bottom: 20px;}


/****************************** 3-6 培训信息 ******************************/
.support #contents .training ul li{
	text-align: center;
	width: 410px;
	float: left;
	margin: 0 20px 20px 0;
}
.support #contents .training ul li img{
	width: 100%;
	display: block;
	margin-bottom: 5px;
}
.support #contents .training ul li.imgtriple{
	width: 267px;
}
.support #contents .training ul li:nth-child(2n){
	margin: 0 0 20px 0;
}
.support #contents .training ul li:nth-child(6){
	margin: 0 20px 20px 0;
}
.support #contents .training ul li:nth-child(7){
	margin: 0 0 20px 0;
}
/*.support #contents .training .normalTable td .normalTable{
	margin: 10px auto;
	border-top: 0;
	border-left: #d3d3d3 1px solid;
}
.support #contents .training .normalTable td .normalTable th,
.support #contents .training .normalTable td .normalTable td{
	border-right: #d3d3d3 1px solid;
    border-bottom: #d3d3d3 1px solid;
}
.support #contents .training .normalTable td .normalTable th{
}*/







/* ========================================================================

	（SP）客户支持

======================================================================== */

@media screen and (max-width: 767px){

/****************************** （SP）COMMON ******************************/
/*.products #contents #contentsMain .anchorList{
	padding: 10px;
}
.products #contents #contentsMain .anchorList .col3Block .col{
	width:100% !important;
	float: none;
	margin: 0 0 5px 0 !important;
}
.products #contents #contentsMain .anchorList .col3Block .col:last-child{
	margin: 0 !important;
}
.products #contents #contentsMain .anchorList .col3Block .col a{
	font-size: 92%;
	height: 50px;
}*/

/****************************** （SP）3-2 纯正配件 ******************************/
.support #contents .linkList.col4 {
	margin-bottom: 30px;
}
.support #contents .linkList.col4 li {
	margin-right: 20px;
}
/* ----- （SP）3-2-1 纯正油基础知识 ----- */

/* ----- （SP）3-2-2 柴油滤芯 ----- */
.support #contents .parts1_2 .width600Wrap ul{
	margin-bottom: 20px;
}
.support #contents .parts1_2 .width600Wrap p{
	max-width: 300px;
	margin: 0 auto !important;
}
/* ----- （SP）3-2-4 新机型-滤芯、机油 ----- */
.support #contents .parts1_4 .width600Wrap .floatLeft{
	margin-bottom: 20px;
}
.support #contents .parts1_4 .width600Wrap .floatRight{
	width: inherit;
	max-width: 190px;
	margin: 0 auto !important;
}
/* -----（SP）3-2-5 纯正配件图片 ----- */
.support #contents .parts1_5 ul#galleryWrap li{
	width: 49%;
	float: left;
	margin: 0 1% 10px 0;
}
.support #contents .parts1_5 ul#galleryWrap li:nth-child(5n){margin: 0 1% 10px 0;}
.support #contents .parts1_5 ul#galleryWrap li:last-child{margin: 0;}
.support #contents .parts1_5 ul#galleryWrap li:nth-child(even){margin: 0 0 10px 0;}

/* -----（SP）3-2-7 链节 ----- */
/*.support #contents .parts2_2 .oldsiteWrap .floatLeft{
	margin: 0 0 20px 0;
}*/
.support #contents .parts2_2 .oldsiteWrap .floatLeft,
.support #contents .parts2_2 .oldsiteWrap .floatRight{
	max-width: 240px;
	margin: 0 auto 20px !important;
}
.support #contents .parts2_2 .oldsiteWrap ul{
	padding: 5px 0;
}

/* -----（SP）3-2-8 销子 ----- */
.support #contents .parts2_3 .oldsiteWrap .floatLeft,
.support #contents .parts2_3 .oldsiteWrap .floatRight{margin: 0 0 10px 0;}
.support #contents .parts2_3 .oldsiteWrap .floatLeft p,
.support #contents .parts2_3 .oldsiteWrap .floatRight p,
.support #contents .parts2_3 .danmenWrap p{
	max-width: 230px;
	margin: 0 auto !important;
}


/****************************** （SP）3-3 维修纯正部品 ******************************/
.support #contents .repair dl dt{
	font-size: 100%;
}
.support #contents .repair dl dd{
	margin-bottom: 15px;
}
.support #contents .repair ul li{
	text-align: center;
	width: 49%;
	float: left;
	margin: 0 1% 10px 0;
}
.support #contents .repair ul li:nth-child(4n){
	margin: 0 1% 10px 0;
}
.support #contents .repair ul li:nth-child(even){
	margin: 0 0 10px 0;
}

/****************************** （SP）3-4 再生部品 ******************************/
.support #contents .recycle .recycle_merit{}
.support #contents .recycle .recycle_merit ul li{
	font-size: 100%;
	margin-bottom: 10px;
}
.support #contents .recycle .recycle_merit p{
	width: 40% !important;
	margin: 0 auto 10px !important;
}
.support #contents .recycle .oldsiteWrap p{
	/*width: 70% !important;*/
	width: 100% !important;
	margin: 0 auto 15px !important;
}
/*.support #contents .recycle .oldsiteWrap:nth-of-type(1) p{
	width: 100% !important;
}*/
.support #contents .recycle .recycle_type{
	width: 100%;
}
.support #contents .recycle .recycle_type p{
	width: 70% !important;
	margin: 0 auto 15px !important;
}
/*.support #contents .recycle .recycle_type p:last-child{margin: 0;}*/
/*.support #contents .recycle dl dt{
	display: inline-block;
	width: 3em;
}
.support #contents .recycle dl dd{
	display: inline-block;
}*/

/****************************** （SP）3-5 保养信息 ******************************/
/*.support #contents .information {}
.support #contents .information .categorySection,
.support #contents .information .categorySection .sectionInner,
.support #contents .information .categorySection .sectionInner .link4Block{
	width: 100%;
	min-width: 100%;
}
.support #contents .information .categorySection{background-color: #fff;}*/
.support #contents .information .categorySection .sectionInner{padding: 0 0 20px !important;}
.support #contents .information .categorySection .sectionInner .link4Block .linkBox{
	width: 100%;
	margin: 0 0 5px 0;
}
.support #contents .information .categorySection .sectionInner .link4Block .linkBox:first-child{margin: 0 0 5px 0;}
.support #contents .information .categorySection .sectionInner .link4Block .linkBox:nth-child(3n){margin: 0 0 5px 0}

/* ----- 3-5-1 纯正油基础知识 ----- */
.support #contents .information .oldsiteWrap p {margin-bottom: 15px;}
.support #contents .information .oldsiteWrap.maintenanceBox p:nth-child(3) img {width:231px;}
.support #contents .information .oldsiteWrap.maintenanceBox p:nth-child(5) img {width:277px;}
.support #contents .information .oldsiteWrap.maintenanceBox .clearfix p:nth-child(1) img {width:290px;}
.support #contents .information .oldsiteWrap.maintenanceBox .clearfix p:nth-child(2) img {width:172px;}


/****************************** （SP）3-6 培训信息 ******************************/
.support #contents .training ul li{
	width: 49%;
	margin: 0 1% 10px 0;
	font-size: 90%;
}
/*.support #contents .training ul li:nth-child(3n){
	margin: 0 1% 10px 0;
}*/
.support #contents .training ul li:nth-child(2n){
	margin: 0 0 10px 0;
}
/*.support #contents .training .normalTable td .normalTable{
	margin: 10px auto;
	border-top: 0;
	border-left: #d3d3d3 1px solid;
}
.support #contents .training .normalTable td .normalTable th,
.support #contents .training .normalTable td .normalTable td{
	border-right: #d3d3d3 1px solid;
    border-bottom: #d3d3d3 1px solid;
}
.support #contents .training .normalTable td .normalTable th{
}
*/

.support #contents .training ul li.imgtriple{
	width: 49%;
}
.support #contents .training ul li:nth-child(6){
	margin: 0 0 10px 0;
}
.support #contents .training ul li:nth-child(7){
	margin: 0 1% 0 0;
}











}